<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>投喂标定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <script src="/statics/js/custom/lib.js?_V=1"></script>
    <link href="/statics/css/enjoyhint.css" rel="stylesheet">
    <style>
        @keyframes reveal { from { width: 0; } to { width: 100%; } }

        .enjoyhint_next_btn {
            left: 1003px !important;
            top: 330px !important
        }

        .enjoyhint_skip_btn {
            left: 1120px !important;
            top: 330px !important
        }

        @keyframes l4 {
            100% {
                background-size: 120%
            }
        }
        .zindex{
            z-index: 1060 !important;
        }
        .juli{
            left: 883px !important;
            top: 330px !important;
        }
    </style>
</head>

<body ng-app="">
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <ng-include src="'/admin/common/sidebar.html'"></ng-include>
        <!--End 左侧导航-->
        <!--头部信息-->
        <ng-include src="'/admin/common/header.html'"></ng-include>
        <!--End 头部信息-->

        <!--页面主要内容-->
        <main class="lyear-layout-content">
                <div class="container-fluid p-t-55 p-l-15 p-r-15">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header d-block p-b-10">
                                    <div class="card-title d-flex">
                                        <div class="col-md-4">
                                            <div class="title-value">
                                                <label>原始转速和圈数:</label>
                                            </div>
                                            <div class="form-group col-md-12 m-b-10">
                                                <label for="cali_speed">校准转速(r/min):</label>
                                                <input type="text" class="form-control" id="cali_speed" name="cali_speed" readonly/>
                                            </div>
                                            <div class="form-group col-md-12 m-b-10">
                                                <label for="cali_circle">校准圈数(圈):</label>
                                                <input type="text" class="form-control" id="cali_circle" name="cali_circle" readonly/>
                                            </div>
                                        </div>
                                        <div id="hint_taskset" class="alert alert-info col-md-8 mb-0">
                                            <div class="title-value">
                                                <label>本页面用于校准投喂标定，以下是注意事项</label>
                                            </div>
                                            <div class="text-danger"><b>1.校准不支持分段校准，过程中请勿刷新页面或关闭浏览器</b></div>
                                            <div class="text-danger"><b>2.校准过程中如设备已经投喂完成，但是页面还在加载中，请刷新页面重试</b></div>
                                            <div class="text-danger"><b>3.如遇网络问题导致页面和设备状态不同步，请刷新页面重试</b></div>
                                            <div class="text-danger"><b>4.校准记录会默认保存，刷新之后可以回复刚刚校准的记录</b></div>
                                            <div class="text-danger"><b>5.其他问题请联系客服人员解决</b></div>
                                        </div>
                                    </div>
                                </div>

<!--                                逐步完成-->
                                <div class="row ">
                                    <div class=" col-md-6">
                                        <div class="card-body card p-3" >
                                            <div class="card-header pt-0" style="border-bottom: 2px solid rgba(138,198,234,0.7)">
                                                <div class="card-title next-brand">校准设置</div>
                                            </div>
                                            <form action="#!" class="guide-box" data-navigateable="true">
                                                <ul class="nav nav-step m-t-15">
                                                    <li class="nav-item">
                                                        <span>步骤一</span>
                                                        <a class="nav-link active" data-toggle="tab" href="#step-1"></a>
                                                    </li>

                                                    <li class="nav-item">
                                                        <span>步骤二</span>
                                                        <a class="nav-link" data-toggle="tab" href="#step-2"></a>
                                                    </li>
                                                </ul>
                                                <!--对应内容-->
                                                <div class="nav-step-content">
                                                    <div class="nav-step-pane d-none active" id="step-1" data-provide="validation">
                                                        <input type="hidden" name="id" value="">
                                                        <input type="hidden" name="calibrationRecordId" value="">
                                                        <div class="form-group col-md-12 mx_validator" id="stationSelect">
                                                            <label for="stationId">校准设备（养殖池）名称</label><span class="required">* </span>
                                                            <select class="form-control select-init mx_required" mx_required_msg="校准设备不能为空"
                                                                    id="stationId" name="stationId" isDefault="1">
                                                            </select>
                                                        </div>
                                                        <div class="form-group col-md-12 mx_validator">
                                                            <label for="mode">选择模式</label><span class="required">* </span>
                                                            <select class="form-control mx_required" mx_required_msg="模式不能为空" id="mode" name="mode">
                                                                <option value="" selected="selected">请选择</option>
                                                                <option value="normal">低速模式</option>
                                                                <option value="high">高速模式</option>
                                                            </select>
                                                        </div>
                                                        <div class="form-group col-md-12">
                                                            <label class="control-label">投饲参数标定：</label>
                                                            <div class="row cali_parameter">
                                                                <div class="form-group col-md-6 mx_validator" style="margin-bottom: 10px;">
                                                                    <label for="userBdMinute">投喂时间(min): </label>
                                                                    <input type="text" placeholder="时间(分钟)" mx_required_msg="时间不能为空"
                                                                           id="userBdMinute" name="userBdMinute" value="" minlength="0"
                                                                           class="form-control mx_required mx_custom">
                                                                </div>
                                                                <div class="form-group col-md-6 mx_validator">
                                                                    <label for="userBdGram">投喂重量(g):</label>
                                                                    <input type="text" placeholder="重量" mx_required_msg="重量不能为空"
                                                                           id="userBdGram" name="userBdGram" value="" minlength="0"
                                                                           class="form-control mx_required mx_custom">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="nav-step-pane d-none" id="step-2" data-provide="validation">
                                                        <div class="form-group col-md-12 mx_validator">
                                                            <label class="control-label">实际投喂重量(g):</label>
                                                            <div class="-9">
                                                                <input type="text" placeholder="请输入重量" mx_required_msg=""
                                                                       id="jz_zhongliang" name="zhongliang" value="" minlength="0"
                                                                       class="form-control mx_custom">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
<!--                                                计算速度后弹窗-->
                                                <div class="modal fade bs-example-modal-lg" id="baitSizeCreateDiv" tabindex="-1" role="dialog"
                                                     aria-labelledby="myLargeModalLabel" data-backdrop="static">
                                                    <div class="modal-dialog modal-lg" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h6 class="modal-title">提示</h6>
                                                                <div class="float-right">
                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="modal-body fs-20">
                                                                是否需要进行再次校准<a style="color: red; font-weight: bold">（多次校准会使结果更加精准）</a><br>如果需要请<a style="color: red; font-weight: bold">点击继续</a><br>如不需要<a style="color: red; font-weight: bold">点击完成</a>按钮将进行标定计算
                                                            </div>
                                                            <div class="modal-footer">
                                                                <div id="operate_btn">
                                                                    <button type="button" class="btn btn-default" data-dismiss="modal" id="cancel">完成</button>
                                                                    <button type="button" class="btn btn-primary" id="go_back_prev" >继续</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <!--End 对应内容-->
                                                <div class="d-flex justify-content-between" id="chooseDiv">
                                                    <button class="btn btn-secondary disabled" data-wizard="prev" type="button" id="prev">上一步</button>
                                                    <div style="display: flex;align-items: center">
                                                        <button type="button" class="btn btn-primary" id="btn_cali_run">开始执行</button>
                                                        <button class="btn btn-secondary" data-wizard="next" type="button" style="display: none" id="btn_next">下一步</button>
                                                        <button type="button" class="btn btn-primary" id="speed_count" style="display: none;">计算速度</button>
                                                        <div  id="fitting_span" style="display: none;margin-right: 10px" >
                                                            <div style="display: flex;align-items: center">
                                                                <span style="margin-right: 10px">当前拟合次数 : </span>
                                                                <span id="fitting_count" style="color:red"></span>
                                                            </div>
                                                        </div>
                                                        <div id="btn_choose" style="display: flex">
                                                            <button type="button" class="btn btn-primary" id="btn_fitting" style="display: none;margin-right: 10px">拟合</button>
                                                            <button type="button" class="btn btn-primary" id="btn_cali_count" style="display: none;margin-right: 3px">计算标定</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card-body card p-3">
                                            <div class="card-header pt-0" style="border-bottom: 2px solid rgba(138,198,234,0.7)">
                                                <div class="card-title">校准记录</div>
                                            </div>
                                            <div id="record" style="height: 450px;max-height: 450px;overflow-y: auto;">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>
<script type="text/javascript" src="/statics/js/apis/system/calibration/company_calibration.js"></script>
<script type="text/javascript" src="/statics/js/apis/system/calibration/calibration_record.js"></script>
<script type="text/javascript" src="/statics/js/apis/station/station.js"></script>
<script type="text/javascript" src="/statics/js/apis/system/calibration_setting.js"></script>
<script type="text/javascript" src="/statics/js/system/jquery.bootstrap.wizard.min.js"></script>
<script type="text/javascript" src="/statics/js/system/kinetic.min.js"></script>
<script type="text/javascript" src="/statics/js/system/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="/statics/js/system/enjoyhint.js"></script>
<script type="text/javascript" src="/statics/js/custom/select.js?_v=1"></script>
<script type="text/javascript" src="/statics/js/library/system/calibration/loading.js"></script>
<script type="text/javascript" src="/statics/js/library/system/calibration/calibration.js"></script>
<script type="text/javascript" src="/statics/js/library/system/calibration/guide_page.js"></script>
</body>
</html>
